/**
 * 字体样式
 */
.font-style(@size: 14px, @color: #333, @weight: normal, @lineHeight: 1.5) {
  font-size: @size;
  line-height: @lineHeight;
  font-weight: @weight;
  color: @color;
}

/**
 * Flex 布局
 */
.flex-display(
  @direction: row,
  @justifyContent: flex-start,
  @alignItems: stretch,
  @flexWrap: nowrap,
  @alignContent: stretch,
  @gap: 0,
  @rowGap: @gap,
  @columnGap: @gap
) {
  display: flex;
  flex-direction: @direction;
  justify-content: @justifyContent;
  align-items: @alignItems;
  flex-wrap: @flexWrap;
  align-content: @alignContent;
  gap: @gap;
  row-gap: @rowGap;
  column-gap: @columnGap;
}

/**
* 单行溢出隐藏
*/
.text-ellipsis() {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/**
* 单行溢出隐藏
*/
.text-ellipsis() {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/**
* 多行溢出隐藏，默认两行
*/
.multiline-ellipsis(@line: 2) {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: @line;
}